<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="Keywords" content="不二定制" />
		<meta name="Description" content="不二定制" />
		<title>不二 购物流程1</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/user_bs.css" />
		<link rel="stylesheet" href="../../css/shopping_process/shopping_process1.css" />
	</head>

	<body>
		<div class="web">
			<!--header头部开始-->
			<header class="clearfix">
				<div class="logo fl">
					<img src="../../images/head_logo.png" />
				</div>

				<!--nav导航栏开始-->
				<nav class="clearfix fl">
					<ul class="clearfix fl">
						<li><a href="">首页</a></li>
						<li>
							<a href="">骑行</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">短袖上衣</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">长裤</a></li>
										<li><a href="">背带短裤</a></li>
										<li><a href="">背带七分裤</a></li>   
									</ul>
									<ul>
										<li><a href="">背带长裤</a></li>
										<li><a href="">短袖短裤连体服</a></li>
										<li><a href="">长袖长裤连体服</a></li>
										<li><a href="">儿童短袖套装</a></li>
										<li><a href="">儿童长袖套装</a></li>
									</ul>
								</div>
								<div class="classify">
									<h3>专业版</h3>
									<ul>
										<li><a href="">短袖上衣</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">长裤</a></li>
										<li><a href="">背带短裤</a></li>
										<li><a href="">背带七分裤</a></li>   
									</ul>
									<ul>
										<li><a href="">背带长裤</a></li>
										<li><a href="">短袖短裤连体服</a></li>
										<li><a href="">长袖短裤连体服</a></li>
										<li><a href=""><strong>配件</strong></a></li>
									</ul>
								</div>		                
							</div>				
						</li>
						<li>
							<a href="">跑步</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">无袖短裤套装</a></li>
										<li><a href="">短袖短裤套装</a></li>
										<li><a href="">长袖短裤套装</a></li>
									</ul>
								</div>
								<div class="classify">
									<h3>专业版</h3>
									<ul>
										<li><a href="">无袖短裤套装</a></li>
										<li><a href="">短袖短裤套装</a></li>
										<li><a href="">长袖短裤套装</a></li>
										<li><a href=""><strong>配件</strong></a></li>
									</ul>
								</div>		                
							</div>
						</li>
						<li>
							<a href="">铁三服</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">POLO衫</a></li>
										<li><a href="">短袖T恤</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">跑步背心</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">运动文胸</a></li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="">休闲</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">POLO衫</a></li>
										<li><a href="">T恤</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">帽衫</a></li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="">品牌区</a></li>
						<li><a href="">设计师</a></li>
					</ul>
					<div class="search fl">
						<input type="search" />
						<a href="" class="iconfont icon-sousuo"></a>
					</div>					
				</nav>
				<!--nav导航栏结束-->

				<div class="nav_icon fr">
					<ul class="clearfix">
						<li>
							<a href="" class="iconfont icon-gouwuche"></a>
						</li>
						<li>
							<a href="" class="iconfont icon-yonghu"></a>
						</li>
						<li>400-6563-116</li>
						<li>
							<a href=""><b>CH</b></a>
						</li>
					</ul>
				</div>
			</header>
			<!--header头部结束-->

			<!--section中间主体内容开始-->
			<section>
				<div class="progress clearfix">
					<div class="flow fl active">
						<img src="../../images/returns/my_shopping_cart.jpg" />
						<h1>01</h1>
						<h2>我的购物车</h2>
						<span>2016-10-09 19:10:00</span>
					</div>
					<div class="flow fl">
						<img src="../../images/returns/check_order_wait.jpg" />
						<h1>02</h1>
						<h2>填写核对订单</h2>
					</div>
					<div class="flow fl">
						<img src="../../images/returns/returns_complete_wait.jpg" />
						<h1>03</h1>
						<h2>成功提交订单</h2>
					</div>
				</div>

				<!--标题开始-->
				<div class="title_process">
					<div class="line bg_light_grey">
						<div class="red_size45X4"></div>
					</div>
					<span class="title_text size20 blue_grey">我的购物车</span>
				</div>
				<!--标题结束-->

				<div class="cart_detail">
					<div class="table">
						<table>
							<thead>
								<tr>
									<th class="choose left">
										<input type="checkbox" id="all"/>
										<label for="all">全选</label>
									</th>
									<th class="sample">商品</th>
									<th class="name">名称</th>
									<th class="price">单价</th>
									<th class="discount">优惠</th>
									<th class="size">尺码</th>
									<th class="quantity">数量</th>
									<th class="handle">操作</th>
								</tr>
							</thead>
							
							<tbody>
								<tr>
									<td class="left">
										<input type="checkbox"/>
									</td>
									<td class="sample">
										<img src="../../images/shopping_process/return_dress_03.jpg" alt="商品样图" />
									</td>
									<td>
										<div class="name_detial">
											Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)
										</div>
										<div class="sex left">性别：女</div>
									</td>
									<td>¥299.00</td>
									<td>9.5折</td>
									<td class="size_measurement">xxl</td>
									<td></td>
									<td>
										<div class="delete">删除</div>
										<div class="alter">修改</div>
									</td>
								</tr>
								<tr>
									<td class="left">
										<input type="checkbox"/>
									</td>
									<td class="sample">
										<img src="../../images/shopping_process/return_dress_03.jpg" alt="商品样图" />
									</td>
									<td>
										<div class="name_detial">
											Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)
										</div>
										<div class="sex left">性别：女</div>
									</td>
									<td>¥299.00</td>
									<td>9.5折</td>
									<td class="size_measurement">xxl</td>
									<td></td>
									<td>
										<div class="delete">删除</div>
										<div class="alter">修改</div>
									</td>
								</tr>
								<tr class="subtotal">
									<td class="left" colspan="4">
										<em>删除所选商品</em>
									</td>
									<td colspan="4">
										<div class="size14 grey right">
											2件商品 总计：
											<span class="size14 weight700 red">¥99.00</span>
										</div>
										<div class="size14 grey right">
											优惠：
											<span class="size14 weight700 red">¥0.00</span>
										</div>
									</td>
								</tr>
							</tbody>
							
							<tfoot>
								<tr>
									<td colspan="8">
										<div class="total right">
											<span class="size14 blue_grey">总计（不含运费）:</span>
											<span class="size30 weight700 red">¥146.00</a>
										</div>
									</td>
								</tr>
							</tfoot>
						</table>
					</div>
					
					<!--表格下方按钮-->
					<div class="button clearfix">
						<input type="button" value="重新定制" class="btn btn_white btn_177 btn_h_50 fl" />
						<a href="shopping_process1-2.html"><input type="button" value="去结算" class="btn btn_177 btn_h_50 fr" /></a>
					</div>
					
				</div>
			</section>
			<!--section中间主体内容结束-->

			<!--下方商城服务及承诺开始-->
			<div class="commitment bg_light_grey">
				<div class="customize fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_customize.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							100%个性定制
						</span>
				</div>
				<div class="authenticity fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_authenticity.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							100%品质保证
						</span>
				</div>
				<div class="seven fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_seven.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							7天闪电发货
						</span>
				</div>
				<div class="returns fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_returns.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							30天无忧退换
						</span>
				</div>
				<div class="hot_line fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_hot_line.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							365天客服热线
						</span>
				</div>
				<div class="clear"></div>
			</div>
			<!--下方商城服务及承诺结束-->

			<!--footer底部开始-->
			<footer>
				<div class="content clearfix">
					<div class="foot_logo fl">
						<img src="../../images/foot_logo.png" />
					</div>
					<div class="link clearfix fr">
						<ul>
							<li>
								<a href="">新手指南</a>
							</li>
							<li>
								<a href="">用户注册</a>
							</li>
							<li>
								<a href="">定制流程</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">付款方式</a>
							</li>
							<li>
								<a href="">支付方式</a>
							</li>
							<li>
								<a href="">支付问题</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">售后服务</a>
							</li>
							<li>
								<a href="">退款换货</a>
							</li>
							<li>
								<a href="">配送方式</a>
							</li>
							<li>
								<a href="">联系我们</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">政策条款</a>
							</li>
							<li>
								<a href="">服务协议</a>
							</li>
							<li>
								<a href="">隐私条款</a>
							</li>
							<li>
								<a href="">版权条款</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="copyright">&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</div>
			</footer>
			<!--footer底部结束-->
		</div>
	</body>

</html>